<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>首页</title>	<script type="text/javascript" src="/public/js/jquery-3.2.0.min.js"></script>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

	<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>							
	
</head>
<body>
	<table class="table table-bordered table-striped" style="width:80%;">
		<thead>
			<colgroup>
				<col style="width:10%;"></col>
				<col style="width:10%;"></col>
				<col style="width:20%;"></col>
				<col style="width:30%;"></col>
				<col style="width:30%;"></col>
			</colgroup>
		</thead>
		<tr>
			<th>请求方式</th>
			<th>mvc支持</th>
			<th>请求路径</th>
			<th>后台方法</th>
			<th>返回备注</th>
		</tr>
		<tr>
			<td>GET</td>
			<td>HTML跳转</td>
			<td><a href="/demo/sayHello">/demo/sayHello</a></td>
			<td>
				<pre>
public DataSet sayHello(ParaSet ps){
	System.out.println(ps.toString());
	return R.html("public/1.html");
}	</pre>
			</td>
			<td>返回html文件内容，浏览器根据text/html自动解析</td>
		</tr>
		<tr>
			<td>POST</td>
			<td>数据请求</td>
			<td><a href="/demo/post">/demo/post</a></td>
			<td>
				<pre>
public DataSet post(ParaSet ps){
	System.out.println(ps.toString());
	return R.json();
}				</pre>
			</td>
			<td>返回json数据</td>
		</tr>
		<tr>
			<td>GET</td>
			<td>静态文件支持</td>
			<td><a href="/public/psb.jpg">/public/psb.jpg</a></td>
			<td>会走静态文件处理器</td>
			<td>在a标签中，会直接跳转到新页面并显示图片。代码http.get请求会返回图片的数据。</td>
		</tr>
		<tr>
			<td>GET</td>
			<td>静态文件支持</td>
			<td><a href="/public/测试.pdf">/public/测试.pdf</a></td>
			<td>会走静态文件处理器</td>
			<td>在浏览器中无法解析预览，所以会弹出下载。</td>
		</tr>
		<tr>
			<td>GET</td>
			<td>静态文件支持</td>
			<td><a href="/public/js/jquery-3.2.0.min.js">/public/js/jquery-3.2.0.min.js</a></td>
			<td>会走静态文件处理器</td>
			<td>在浏览器中无法解析预览，所以会弹出下载。</td>
		</tr>
		<tr>
			<td>GET</td>
			<td>文件下载支持</td>
			<td><a href="/df?path=/public/psb.jpg">/df?path=/public/psb.jpg</a></td>
			<td>
				<pre>
//下载文件
public DataSet df(ParaSet ps){
	
	return R.file(ps.getStr("path"));
}</pre>
			</td>
			<td>
				通过返回文件格式来下载文件，包含jpg，等浏览器支持预览的文件。
			</td>
			<tr>
			<td>GET</td>
			<td>freemarker模板支持</td>
			<td><a href="/testFreemarker">/testFreemarker</a></td>
			<td>
				<pre>
//测试跳转freemarker
public DataSet testFreemarker(ParaSet ps){
	Map<String,Object> data = Maps.newHashMap();
	data.put("root", "localhost:3000");
	return R.freemarker("/public/free.html",data);
}</pre>
			</td>
			<td>
				返回解析后的html到浏览器，成功集成freemarker
			</td>
		</tr>
	</table>
	</div>
	<script type="text/javascript">
	(function(){
		
	})();
	function post(){
		var d = {
			"aaa" : 123,
			"test" : "测试中国"
		};
		$.ajax({
			url:"/demo/post?xxx=111",
			type:"post",
			data:d,
			dataType:"json",
			success:function(ret){
				console.info(ret);
			},
			error:function(ret){

			}
		})
	}
	</script>
</body>
</html>